</article>
<!-- 第三方 -->
<footer class="text-center">
    <div class="footer-above">
        <div class="container">
            <div class="row">
                <h3>第三方链接</h3>
            </div>
            <div class="row">
                <div class="footer-col col-md-4">
                    <p>品牌所有 违法必究</p>
                </div>
                <div class="footer-col col-md-4">
                    <ul class="list-inline">
                        <li>
                            <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
                        </li>
                        <li>
                            <a href="http://weibo.com/login.php" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
                        </li>
                        <li>
                            <a href="https://twitter.com/echocen_andrew" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                        </li>

                    </ul>
                </div>
                <div class="footer-col col-md-4">
                    <p>作者邮箱<br>暂时保密</p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-below">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    版权归我 &copy; 你们随意 2017
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<!--<div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">-->
    <!--<a class="btn btn-primary" href="#page-top">-->
        <!--<i class="fa fa-chevron-up"></i>-->
    <!--</a>-->
<!--</div>-->

<!-- Portfolio Modals -->
<!--<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">-->
    <!--<div class="modal-content">-->
        <!--<div class="close-modal" data-dismiss="modal">-->
            <!--<div class="lr">-->
                <!--<div class="rl">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-8 col-lg-offset-2">-->
                    <!--<div class="modal-body">-->
                        <!--<h2>Simple Interface</h2>-->
                        <!--<hr class="star-primary">-->
                        <!--<br>-->
                        <!--<img src="img/portfolio/rest.png" class="img-responsive img-centered" alt="">-->
                        <!--<br>-->
                        <!--<h3>Echo Publish plays nice with your current systems</h3>-->
                        <!--<br>-->
                        <!--<p>It offers you a simple, secure, and well-documented API to invoke the merging of data with templates. Data can be in the form of XML or JSON documents, or even just POST parameters. Flexible "flow" definitions allow you to control exactly how the merge should be done, and what should be done with the merged documents. Data can contain embedded images, or links to images on the web.</p>-->
                        <!--<h4 class="container-footer">Echo Publish takes away the pain of #paperwork</h4>-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">-->
    <!--<div class="modal-content">-->
        <!--<div class="close-modal" data-dismiss="modal">-->
            <!--<div class="lr">-->
                <!--<div class="rl">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-8 col-lg-offset-2">-->
                    <!--<div class="modal-body">-->
                        <!--<h2>Easy Templates</h2>-->
                        <!--<hr class="star-primary">-->
                        <!--<br>-->
                        <!--<img src="img/portfolio/word.png" class="img-responsive img-centered" alt="">-->
                        <!--<br>-->
                        <!--<h3>Echo Publish makes it easy to create powerful templates</h3>-->
                        <!--<br>-->
                        <!--<p>Just link your Echo Publish account to your Google Drive account, and you can use all the power of the tools that Google and other providers offer to create the templates that your business needs. Include tags to insert and format data fields, and go further to make use of the huge range of templating controls offered by the Django templating language.</p>-->
                        <!--<h4 class="container-footer">Echo Publish takes away the pain of #paperwork</h4>-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">-->
    <!--<div class="modal-content">-->
        <!--<div class="close-modal" data-dismiss="modal">-->
            <!--<div class="lr">-->
                <!--<div class="rl">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-8 col-lg-offset-2">-->
                    <!--<div class="modal-body">-->
                        <!--<h2>Quick Generation</h2>-->
                        <!--<br>-->
                        <!--<hr class="star-primary">-->
                        <!--<br>-->
                        <!--<img src="img/portfolio/pdf-download.png" class="img-responsive img-centered" alt="">-->
                        <!--<br>-->
                        <!--<h3>Echo Publish makes lovely pdfs in seconds</h3>-->
                        <!--<br>-->
                        <!--<p>Echo Publish makes beautiful documents in seconds. Each call to the service returns links to view or download the merged documents. PDFs, HTMLs, DOCXs, and other options are all available. You can even arrange for Echo Publish to archive the documents for you, or to use them in emails.</p>-->
                        <!--<h4 class="container-footer">Echo Publish takes away the pain of #paperwork</h4>-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">-->
    <!--<div class="modal-content">-->
        <!--<div class="close-modal" data-dismiss="modal">-->
            <!--<div class="lr">-->
                <!--<div class="rl">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-8 col-lg-offset-2">-->
                    <!--<div class="modal-body">-->
                        <!--<h2>Project Title</h2>-->
                        <!--<hr class="star-primary">-->
                        <!--<img src="img/portfolio/game.png" class="img-responsive img-centered" alt="">-->
                        <!--<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>-->
                        <!--<ul class="list-inline item-details">-->
                            <!--<li>Client:-->
                                <!--<strong><a href="http://startbootstrap.com">Echo Publish</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                            <!--<li>Date:-->
                                <!--<strong><a href="http://startbootstrap.com">April 2014</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                            <!--<li>Service:-->
                                <!--<strong><a href="http://startbootstrap.com">Web Development</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                        <!--</ul>-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">-->
    <!--<div class="modal-content">-->
        <!--<div class="close-modal" data-dismiss="modal">-->
            <!--<div class="lr">-->
                <!--<div class="rl">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-8 col-lg-offset-2">-->
                    <!--<div class="modal-body">-->
                        <!--<h2>Project Title</h2>-->
                        <!--<hr class="star-primary">-->
                        <!--<img src="img/portfolio/safe.png" class="img-responsive img-centered" alt="">-->
                        <!--<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>-->
                        <!--<ul class="list-inline item-details">-->
                            <!--<li>Client:-->
                                <!--<strong><a href="http://startbootstrap.com">Echo Publish</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                            <!--<li>Date:-->
                                <!--<strong><a href="http://startbootstrap.com">April 2014</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                            <!--<li>Service:-->
                                <!--<strong><a href="http://startbootstrap.com">Web Development</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                        <!--</ul>-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">-->
    <!--<div class="modal-content">-->
        <!--<div class="close-modal" data-dismiss="modal">-->
            <!--<div class="lr">-->
                <!--<div class="rl">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-8 col-lg-offset-2">-->
                    <!--<div class="modal-body">-->
                        <!--<h2>Project Title</h2>-->
                        <!--<hr class="star-primary">-->
                        <!--<img src="img/portfolio/submarine.png" class="img-responsive img-centered" alt="">-->
                        <!--<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>-->
                        <!--<ul class="list-inline item-details">-->
                            <!--<li>Client:-->
                                <!--<strong><a href="http://startbootstrap.com">Echo Publish</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                            <!--<li>Date:-->
                                <!--<strong><a href="http://startbootstrap.com">April 2014</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                            <!--<li>Service:-->
                                <!--<strong><a href="http://startbootstrap.com">Web Development</a>-->
                                <!--</strong>-->
                            <!--</li>-->
                        <!--</ul>-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!-- jQuery -->
<!--<script src="js/jquery.js"></script>-->
<!--&lt;!&ndash; Bootstrap Core JavaScript &ndash;&gt;-->
<!--<script src="js/bootstrap.min.js"></script>-->
<!--&lt;!&ndash; Plugin JavaScript &ndash;&gt;-->
<!--<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>-->
<!--<script src="js/classie.js"></script>-->
<!--<script src="js/cbpAnimatedHeader.js"></script>-->
<!--<script src="js/jqBootstrapValidation.js"></script>-->
<!--<script src="js/freelancer.js"></script>-->
<!--<script type="text/javascript">-->
    <!--$('.nav-pills').click(function (e) {-->
        <!--e.preventDefault()-->
        <!--$(this).tab('show')-->
    <!--})-->
<!--</script>-->
</body>

</html>
